<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>设备监控</title>
<link href="styles/style.css" rel="stylesheet" type="text/css" />
<script src="/js/jquery-1.7.1.min.js" type="text/javascript"></script> 
<script src="/js/mwallcommon.js" type="text/javascript"></script> 
<script type="text/javascript">
$(document).ready(function(){
  $.getJSON("/show/getjson/t/dev1/?&callback=?",function(data){
	  $("#db").html("<ul class='top'><li class='first'>IP地址</li><li>端口状态</li><li class='last'>CPU</li></ul>");
	  var data_db = data["db"];
	  for(var index in data_db){
		  $("#db").append("<ul><li class='first'>"+data_db[index]["hostname"]+"</li><li>"+data_db[index]["output"]+"</li><li class='last'>57</li></ul>");
	  }
	  $("#db ul:last").addClass("bottom");
	  $("#dns").html("<ul class='top'><li class='first'>IP地址</li><li>端口状态</li><li class='last'>CPU</li></ul>");
	  var data_dns = data["dns"];
	  for(var index in data_dns){
		  $("#dns").append("<ul><li class='first'>"+data_dns[index]["hostname"]+"</li><li>"+data_dns[index]["output"]+"</li><li class='last'>57</li></ul>");
	  }
	  $("#dns ul:last").addClass("bottom");
	  $("#gslb").html("<ul class='top'><li class='first'>IP地址</li><li>端口状态</li><li>CPU</li><li class='last'>MEN</li></ul>");
	  var data_gslb = data["gslb"];
	  for(var index in data_gslb){
		  $("#gslb").append("<ul><li class='first'>"+data_gslb[index]["hostname"]+"</li><li>"+data_gslb[index]["output"]+"</li><li>57</li><li class='last'>57</li></ul>");
	  }
	  $("#gslb ul:last").addClass("bottom");
  });
});
</script>
</head>

<body>
<div id="mainbox">
	<div id="mainheader"><img src="images/equ_01.gif" width="271" height="82" /></div>
	
	<div style="min-width:1600px">
		<div class="item">
		<div class="equ_title">数据库服务器</div>
		<div id="db" class="wrapper three">
          <ul class="top">
            <li class="first">IP地址</li>
            <li>端口状态</li>
            <li class="last">CPU</li>
          </ul>
		  <ul>
            <li class="first">192.168.1.217</li>
		    <li>57</li>
		    <li class="last">57</li>
	      </ul>
		  <ul>
            <li class="first">192.168.1.217</li>
		    <li>57</li>
		    <li class="last">57</li>
	      </ul>
		  <ul class="bottom">
            <li class="first">192.168.1.217</li>
		    <li>57</li>
		    <li class="last">67</li>
	      </ul>
		</div>
		</div>
        <div class="item">
        <div class="equ_title">DNS服务器</div>
		<div id="dns" class="wrapper three">
          <ul class="top">
            <li class="first">IP地址</li>
            <li>端口状态</li>
            <li class="last">CPU</li>
          </ul>
		  <ul>
            <li class="first">192.168.1.217</li>
		    <li>57</li>
		    <li class="last">57</li>
	      </ul>
		  <ul>
            <li class="first">192.168.1.217</li>
		    <li>57</li>
		    <li class="last">57</li>
	      </ul>
		  <ul class="bottom">
            <li class="first">192.168.1.217</li>
		    <li>57</li>
		    <li class="last">67</li>
	      </ul>
		</div>
		</div>
        <div class="item_w">
		<div class="equ_title">GSLB服务器</div>
		<div id="gslb" class="wrapper four_01">
          <ul class="top">
            <li class="first">IP地址</li>
            <li>端口状态</li>
            <li>CPU</li>
            <li class="last">MEN</li>
          </ul>
		  <ul>
            <li class="first">192.168.1.217</li>
		    <li>57</li>
		    <li>57</li>
		    <li class="last">57</li>
	      </ul>
		  <ul>
            <li class="first">192.168.1.217</li>
		    <li>57</li>
		    <li>57</li>
		    <li class="last">57</li>
	      </ul>
		  <ul class="bottom">
            <li class="first">192.168.1.217</li>
		    <li>57</li>
		    <li>57</li>
		    <li class="last">67</li>
	      </ul>
		</div>
        </div>
  </div>
</div>

</body>
</html>
